<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<title>预约申请</title>
</head>

<body data-curpagename="page9">
	<header id="page9_jPanel1" class="mui-bar mui-bar-nav">
		<a id="page9_jIconfont1" class="mui-icon mui-icon-arrowleft" href="https://toon.sanvm.com/"></a>
		<h1 id="page9_jLabel1" class="mui-title">预约申请</h1>
	</header>
	<div id="page9_jPanel5" class="mui-content" style="background: white">
		<img src="./预约申请_files/order1.png" alt="" style=" padding-left: 10%; ">
		<p style="background: white;color:black;padding: 20px;">请仔细阅读<a
				href="https://toon.sanvm.com/bookon.php">《预约须知》</a>！<br>
			<!--2） 为保护系统安全，在09:00:30后才可以获取验证码。-->
		</p>
		<form id="page9_jHtmlForm1" name="page9_jHtmlForm1" method="post"
			action="https://toon.sanvm.com/add4a07089482fbb407.php?btwaf=20540000">

			<div id="page9_jPanel2">

			</div>
			<div id="page9_jPanel3" class="mui-input-group">
				<div id="page9_jEdit1" class="mui-input-row">
					<label>姓名</label>
					<input name="name" id="name" type="text" placeholder="请输入您的真实姓名" required="1">
				</div>
			</div>
			<div id="page9_jPanel3" class="mui-input-group">
				<div id="page9_jEdit1" class="mui-input-row">
					<label>身份证号</label>
					<input name="sfz" id="sfz" type="text" placeholder="请输入您的身份证号" required="1">
				</div>
			</div>
			<div id="page9_jPanel3" class="mui-input-group">
				<div id="page9_jEdit1" class="mui-input-row">
					<label>手机号 </label>
					<input name="tel" id="tel" type="number" placeholder="请输入本人身份证办理的手机号码" onchange="getyz()"
						onkeyup="getyz()" onkeydown="getyz()" required="1">
				</div>
			</div>


			<div id="yzzz" class="mui-input-group" style="display: inherit;">
				<div id="page10_jEdit2" class="mui-input-row">
					<label>验证码</label><input name="yzm" id="yzm" type="number" placeholder="请手动输入短信验证码" required="1">
				</div>
			</div>


			<div id="page9_jPanel13">

			</div>
			<div id="page9_jPanel14">
				<div id="page9_jPanel15">

				</div>
				<div id="page9_jPanel16" class="vjcenterpanel Panel_c">
					<button id="getyzm" type="button" class="mui-btn mui-btn-success btnsize_default mui-btn-block"
						style="display: inherit;">获取短信验证码</button>
					<button id="submit" type="button" class="mui-btn mui-btn-primary btnsize_default mui-btn-block"
						disabled="disabled">登记预约</button>
				</div>

			</div>

		</form>
	</div>

	<script type="text/javascript">

		$("#name").keyup(function (a) {


			$("#submit").attr('disabled');



		})
		$("#sfz").keyup(function (a) { $("#submit").attr('disabled'); })

		function disabl() {
			$("#submit").attr('disabled');
		}


		function getyz() {
			if ($("#tel").val().length == 11 && $("#sfz").val().length == 18) {
				$("#getyzm").removeAttr('disabled');
			}

		}

		$("#getyzm").click(function (a) {

			if ($("#tel").val().length != 11) {
				alert("手机号输入错误，请重新输入");
				location.reload();
			}

		});




		$("#tel").keyup(function (a) {
			$.get('get/telyz.php', { tel: $("#tel").val(), sfz: $("#sfz").val() }, function (data, status) {
				if (data == '1') {
					$("#yzzz").css('display', 'inherit');
					$("#getyzm").css('display', 'inherit');
					$("#submit").attr('disabled', '1');
					//全部显示
				} else {
					$("#yzzz").css('display', 'inherit');
					$("#getyzm").css('display', 'inherit');
					$("#submit").attr('disabled', '1');
				}


			});
		})


		$("#submit").click(function (a) {
			var flag = 0;
			if ($("#name").val().length >= 8) {
				alert("您输入的姓名错误");
				flag = 1;
			}
			if ($("#sfz").val().length != 18) {
				alert("您输入的身份证号码错误");
				flag = 1;
			}
			if ($("#tel").val().length != 11) {
				alert("手机号输入错误，请重新输入");
				flag = 1;
			}

		});



	</script>

	<span id="pinbox-extension-installed"></span>
</body>

</html>